body {
  --primary-color: #ff0064;
  --link-color: #4299e1;
  --border-radius: 4px;
  --bg: #ffffff;
  --bg-second: #ffffff;
  --rgb-bg-second: 255, 255, 255;
  --bg-body: #e7eaee;
  --bg-footer: #292525;
  --bg-code: #f8f8f8;
  --blockquote-color: #ffffff;
  --main-text-color: rgba(0, 0, 0, .85);
  --second-text-color: rgba(0, 0, 0, .65);
  --disable-text-color: rgba(0, 0, 0, .35);
  --border-color: rgba(178, 186, 194, .15);
  --box-shadow: 0 6px 14px 0 rgba(26, 26, 26, .06);
  --scrollbar-bg: #dadada;
  --comment-editor-border-color: #d9d9d9;
  --comment-editor-btn-disable-bg: #f5f5f5;

  color: var(--main-text-color);
  background-color: var(--bg);
  overflow-x: hidden;
  font-family: -apple-system, BlinkMacSystemFont, Helvetica Neue, PingFang SC, Microsoft YaHei, Source Han Sans SC, Noto Sans CJK SC, WenQuanYi Micro Hei, sans-serif;
  line-height: 1.75em;
}

body.dark {
  --bg: #282c35;
  --bg-second: #363c48;
  --rgb-bg-second: 54, 60, 72;
  --bg-body: var(--bg);
  --bg-footer: var(--bg);
  --bg-code: rgba(115, 124, 153, .2);
  --blockquote-color: #ffffff;
  --main-text-color: rgba(255, 255, 255, .85);
  --second-text-color: rgba(255, 255, 255, .65);
  --disable-text-color: rgba(255, 255, 255, .45);
  --border-color: rgba(255, 255, 255, .2);
  --box-shadow: 0 2px 15px 0 rgba(26, 26, 27, .637);
  --scrollbar-bg: var(--bg-second);
  --comment-editor-border-color: var(--border-color);
  --comment-editor-btn-disable-bg: var(--border-color);
}
